<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>按键事件</title>
		<script>
			// event代表事件对象
			function fun(event) {
				console.log(event)
				// console.log(event.keyCode) // 按键的编号
				// 触发的元素，哪里按了按键，就这个标签
				// console.log(event.target) 
				// 用户按了enter键之后，将输入框的内容提交
				// 弹出'用户提交了XXXX'
				if(event.keyCode === 13) {
					alert('用户提交了' + event.target.value)
				}
				// 用户按了ctrl键，清空输入框内容
				if(event.keyCode === 17) {
					event.target.value = ''
				}
			}
		</script>
	</head>
	<body>
		<input type="text" onkeyup="fun(event)"/>
		<!-- <input type="text" 
		onkeydown="console.log('按键按下去')" 
		onkeyup="console.log('按键弹上来')"/> -->
		
	</body>
</html>